﻿<!--
2008.05.06 italki create, WebIM User Interface
-->
<%@ Control Language="C#" Inherits="Web.Control.WWW.WebIM.webim" %>
<div class="chat_layer">
    <div>
        <div class="chat_layerleft">
            <div class="chat_top">
                <div class="chat_topleft">
                    <img alt="" src="/Images/webim/logo.jpg" /></div>
                <div class="chat_topright white">
                    <a href="javascript:void(0);" onclick="javascript:$('div_config').style.display = ($('div_config').style.display == 'none' ? '' : 'none');">
                        Settings</a></div>
                <div class="clear">
                </div>
                
            </div><div id="div_config" style="border-bottom: #ccc 1px solid;padding:10px; display: none;">
                <input id="check_playsound" type="checkbox" onchange="javascript:WriteCookie('playsound',this.checked);PlaySound=this.checked;" />Play
                Sound for New Messages</div>
            <div class="chat_namelist">
                <div class="categories">
                    Friends <span class="grey12">(<span id="span_friendcount">0</span>)</span></div>
                <div id="friendlist">
                </div>
                <div class="categories">
                    Others <span class="grey12">(<span id="span_othercount">0</span>)</span></div>
                <div id="otherlist">
                </div>
            </div>
        </div>
        <div class="chat_area">
            <div id="div_notalk" style="text-align: center; height: 400px;padding:150px 0 0 0;">
                To start a conversation with someone, click on their name.<br /><br />To find other language partners, <a href="/contacts/search.htm" target="_blank">please click here</a>.</div>
            <div id="div_talk" style="padding: 10px; display: none;">
                <div class="member_info">
                    <div class="member_info_avater">
                        <div class="pic50">
                            <a href="javascript:void(0);" class="photo_50" onclick="javascript:window.opener.location.href='/' + TalkJid + '.htm';">
                                <img id="img_avatar" title="view profile" src="" /></a></div>
                    </div>
                    <div class="member_info_info">
                        <div class="blue14bu">
                            <a href="javascript:void(0);" id="a_nickname" onclick="javascript:window.opener.location.href='/' + TalkJid + '.htm';">
                            </a>
                        </div>
                        <div>
                            Learning: <span id="span_learns"></span>
                            <br />
                            Speaks: <span id="span_speaks"></span>
                        </div>
                    </div>
                    <div class="member_option">
                        <a href="javascript:void(0);" onclick="javascript:window.opener.location.href='/' + TalkJid + '.htm';">
                            <img alt="view profile" title="view profile" border="0" src="/Images/webim/icon_diss_all.gif"
                                align="absmiddle" /></a> <span id="span_addfriend" style="display:none"></span><a style="display:none;" href="javascript:void(0);"
                                    onclick="javascript:User_VideoRequest();">
                                    <img alt="video/audio chat" title="video/audio chat" border="0" src="/Images/webim/icon_camera_none.gif"
                                        align="absmiddle" /></a>
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div id="div_chat" class="chat_text">
                    <!--<input id="btn_viewhistory" type="button" onclick="javascript:this.disabled = true;GetChatLog('<%= HttpContext.Current.User.Identity.Name %>',TalkJid);" value="View History" />-->
                    <ul class="chat" id="ul_chatlog">
                    </ul>
                </div>
                <div class="chat_sent">
                    <div class="chat_sent_content">
                        <textarea id="texta_input" cols="0" rows="0" style="border: none; width: 388px; height: 60px;
                            overflow: hidden;" onkeydown="javascript:User_InputKeyDwon(event);" onchange="javascript:if(this.value.length > 1000)this.value = this.value.substring(0,1000);"></textarea></div>
                    <div class="chat_sent_button">
                        <a id="a_send" href="javascript:void(0);" onclick="javascript:User_SendMessage();">
                            <img border="0" alt="" src="/Images/webim/icon_sent.gif" /></a></div>
                    <div class="clear">
                    </div>
                </div>
            </div>
        </div>  
        <div class="chat_vedio"></div>
    </div>
</div>
<div id="div_log" style="display: none;">
    <!--style="display:none;"-->
</div>
<div id="div_messagebuffer" style="display: none;">
</div>
<object id="msgInPlay" name="testMusic" height="0" width="0" style="display: none"
    border="0" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
    <param name="AutoStart" value="0">
    <param name="AutoRewind" value="0">
    <param name="ShowControls" value="0">
    <param name="PlayCount" value="0">
    <param name="Appearance" value="0">
    <param name="BorderStyle" value="0">
    <param name="MovieWindowHeight" value="0">
    <param name="MovieWindowWidth" value="0">
    <param name="ShowDisplay" value="0">
    <param name="uiMode" value="invisible">
    <param name="URL" value="msg.wav">
</object>
<form runat="server">
    <input id="hidden_widgetid" type="hidden" />
</form>
